﻿@{
    
    Layout = "../Common/_Home.cshtml";
    
}
@using EntityModel
@section Head{
    <meta charset="utf-8">
    <title>@ViewData["Title"]</title>
    <meta content="@ViewData["KeyWord"]" name="Description">
    <meta content="@ViewData["Description"]" name="Keywords">
    <link href="@Url.Content("/Content/css/index.css")" rel="stylesheet" type="text/css" />
}
@RenderPage("../Common/Classes.cshtml")
<script type="text/javascript">
    var switchCustom = {
        banner: 1
    }

    ML.add("lazyload", { path: "../../Content/scripts/lazyload-min.js" }).add("switchable", { path: "../../Content/scripts/switchable-min.js", requires: ["lazyload", "../../Content/scripts/hp-v1c-min.js"] });
    ML("lazyload", "switchable", function () { new LazyLoad("#j-first"); randomSlide.init("#j-slide-promotion .slidegroup"); new Slide("#j-slide-promotion", { switchTo: switchCustom.banner }); new Tab("#j-tab-promotion", { switchTo: 2 }); new Carousel("#j-carousel-cata", { hasTrigger: false, viewSize: [226], steps: 2, autoplay: true }) });
    ML("lazyload", "switchable", function () {
        new LazyLoad; mmTuan.init("#J_tuan"); var b = new slideProduct("#j-tab-newprd"); new Slide("#j-tab-newprd", { switchTo: 4, delay: 0.25, duration: 0.8, effect: "scrollx" }, { onSwitch: function (a, c) { b.startSlide(2, c.panels[a]) }, beforeSwitch: function () { b.mask.css({ opacity: 0 }); b.reset() } }); hotComment.commentId = ["N1", "N4", "FY", "N5", "ME", "N3", "N2", "N6"]; new Tab("#j-tab-comment", {}, { beforeSwitch: function (a, c) {
            if (hotComment.complete[a] !== 1) {
                hotComment.ajaxRequest(a, c.panels[a]); hotComment.complete[a] =
1
            }
        }
        })
    }); 

</script>
@RenderPage("../Common/HomeArea.cshtml")
